
// CONTENT
#JahiaGxtContentBrowseTab.tab_content {
    width: 100% !important;

    &::before {
        /* Tab Content Header Label */
        content: _dictionary("content") !important;
    }

    // Deal with icons here ...
    .x-tree3-node-icon {

        background-size: 23px 23px;
        background-repeat: no-repeat;
        padding-left: 18px;
        width: 18px;
        height: 23px;
        opacity: 0.8;
        background-position: center top 1px;

        // FOLDER ICON
        &[src$="/jnt_contentFolder.png"], /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-content.scss ::: 1 */
        &[src$="/jnt_folder.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-content.scss ::: 2 */
            background-image: url(_icon("files", "grey"));
            background-size: 21px;
            background-position: top 3px center;
        }

        &[src$="/remoteFolder.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-content.scss ::: 3 */
            background-image: url(../images/icons/tabs-files-shared-dark@X2.png); /* OPTIMISE URL ::: css/app/side-panel/_tab-content.scss ::: 1 */
        }

        &[src$="/jnt_virtualsite.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-content.scss ::: 4 */
            background-image: url(../images/icons/tabs-site-dark@X2.png); /* OPTIMISE URL ::: css/app/side-panel/_tab-content.scss ::: 2 */
        }


    }

    .x-grid3-row-selected {
        .x-tree3-node-icon {
            // FOLDER ICON
            &[src$="/jnt_contentFolder.png"], /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-content.scss ::: 5 */
            &[src$="/jnt_folder.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-content.scss ::: 6 */
                background-image: url(_icon("files", "white"));
                opacity: 1;
            }

            &[src$="/remoteFolder.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-content.scss ::: 7 */
                background-image: url(../images/icons/tabs-files-shared-white@X2.png); /* OPTIMISE URL ::: css/app/side-panel/_tab-content.scss ::: 3 */
            }

            &[src$="/jnt_virtualsite.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-content.scss ::: 8 */
                background-image: url(../images/icons/tabs-site-white@X2.png); /* OPTIMISE URL ::: css/app/side-panel/_tab-content.scss ::: 4 */
            }
        }
    }

    .x-tree3-el > span {
        top: -1px !important;
    }

}
